import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import VueSetupExtend from 'vite-plugin-vue-setup-extend';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';

// 添加define配置来设定Vue的特性标志
const defineOptions = {
	'__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': 'true', // 根据需要设置为'true'或'false'
};

export default defineConfig({
	base: './',
	plugins: [
		vue(),
		VueSetupExtend(),
		AutoImport({
			resolvers: [ElementPlusResolver()],
		}),
		Components({
			resolvers: [ElementPlusResolver()],
		}),
	],
	optimizeDeps: {
		include: ['schart.js'],
	},
	// 在vite配置中加入define选项
	define: defineOptions,
});

